import { SmileOutlined, DownOutlined } from '@ant-design/icons-vue';
  import { defineComponent ,onMounted,ref,reactive} from 'vue';
  import {getarticleAll} from '@/api/Artive/ArticleAll'
  // import dayjs from '_dayjs@1.11.6@dayjs';
  // import { timeForm } from "@/gj/timeform.js";
  // import {timeFormat} from '@/gj/timeform.js'
  import { message } from 'ant-design-vue';
  import {getList} from '@/api/cateList/list'
import { string } from '_vue-types@3.0.2@vue-types';
 export const columns = [
    {
      title: '标题',
      dataIndex: 'title',
      key: 'title',
    },
    {
      title: '分类',
      dataIndex: 'cate_name',
      key: 'cate_name',
    },
    {
      title: '时间',
      dataIndex: 'time',
      key: 'time',
    },
   
    {
      title: '操做',
      key: 'action',
    },
  ];


  
  export  let list=ref<any>([])
  export  let Obgconstraint=reactive({
    skip:0,
    limit:10,
    cate_id:'',
    author:'',
    title:''
  })
  


  
 /**
 * 时间戳日期格式化
 * @param {Number} dateTime 时间戳
 * @param {string} fmt yyyy:mm:dd|yyyy:mm|yyyy年mm月dd日|yyyy年mm月dd日 hh时MM分等,可自定义组合 长度大于一的有前导零 准确到 年月日时分秒
 * @returns  string
 */
 function timeFormat(dateTime = null, fmt = "yy-mm-dd") {
  // 如果 dateTime 为null , 获取当前的时间
  if (!dateTime) dateTime = Number(new Date());
  // 如果时间戳的长度为10，就 *1000
  if (dateTime.toString().length === 10) dateTime *= 1000;
  let date = new Date(dateTime);
  let ret;
  let opt = {
      "y+": date.getFullYear().toString(), // 年
      "m+": (date.getMonth() + 1).toString(), // 月
      "d+": date.getDate().toString(), // 日
      "h+": date.getHours().toString(), // 时
      "M+": date.getMinutes().toString(), // 分
      "s+": date.getSeconds().toString() // 秒
      // 有其他格式化字符需求可以继续添加，必须转化成字符串
  };

  for (let k in opt) {
      ret = new RegExp(`${k}`).exec(fmt); //检索 fmt的k值，返回找到的值，并确定其位置
      if (ret) {
          // 用于replace方法 把 fmt对应的值替换成ret[1]，并且根据fmt值的长度判断是否需要前导零，padStart字符串前填充
          fmt = fmt.replace(ret[0], ret[0].length === 1 ? (opt[k]) : (opt[k].padStart(ret[0].length, '0')))
      }
  }
  return fmt
}



  export  let whole=ref<string>('全部')
export  let eastWestData=ref<any>([])
 function methodscatelist(){
    getList().then((res:any)=>{
        console.log(res)
        res.unshift({
            _id:'',
            name:'全部'
        })
        eastWestData.value=res
    })
 }
 export function methodslist(){
    message.loading({ content: '加载中...',duration: 2 });
    getarticleAll(Obgconstraint).then((res:any)=>{
        console.log(res)
        paging.total=res.total
        list.value=res.data.map((v:any)=>{
          v.time=timeFormat(v.time)
          return v
        })
                message.success('加载成功',)
    
    })
 }
 export const handleChange = (value: string) => {
  methodscatelist()
      console.log(value);
      Obgconstraint.cate_id=value
    //   Obgconstraint.type='1'
    //   if(value){
    //     Obgconstraint.cate_id=value
    //   Obgconstraint.type='1'
    //   }else{
    //   Obgconstraint.cate_id=''
    //     Obgconstraint.type='0'
    //   }
     
    };
    export function search(){
   
    console.log(Obgconstraint)
    paging.current=1
    // methodslist()
    Obgconstraint.skip=0
    methodslist()
  }
  export let paging=reactive({
    current:1,
    total:0,
    // defaultPageSize:20,
    position: ['bottomCenter'],
    hideOnSinglePage:true
  })
  export  function ChangePagination(a:any,b:any){
      console.log(a)
      console.log(b)
      Obgconstraint.limit=b
      Obgconstraint.skip=(a-1)*b
      console.log( Obgconstraint.skip)
      methodslist()
  }

export   function gzhs(){
    onMounted(()=>{
        methodscatelist()
        methodslist()
     })
     return{
        list,
        eastWestData
     }
  }
 
 